<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../css/main.css" />
</head>

<body>
    <div id="box-7" class="b-box b-box_internet b-box_my-internet b-box_internet_traff drag b-box-420">
        <div class="b-box__drag_handle"></div>
        <h2 class="b-box__opener opened">
            Мой интернет
            <span class="g-icon icon_refresh" title="Обновить"></span>
        </h2>

        <div class="b-box__drop" style="display: block;">
            <div class="b-box__carous_traf">
                <div class="bx-wrapper" style="max-width: 100%;">
                    <div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 76px;">
                        <ul class="b-box__carous_traf_content" style="width: auto; position: relative;">
                            <li style="float: none; list-style: none; position: absolute; width: 254px; z-index: 50; display: block;">
                                <div class="content_carous_d2">
                                    <img class="diagramm_marg" src="g_pie_bg_diagramm.png" width="73" height="73" alt="">
                                </div>
                                <div class="content_carous_d2 b-box__carous_traf_text">
                                    Доступно <span class="unlimited_red_Ctxt">Безлимит</span> на 30 дней
                                </div>
                            </li>
                            <li style="float: none; list-style: none; position: absolute; width: 254px; z-index: 0; display: none;">
                                <div class="content_carous_d2">
                                    <img class="diagramm_marg" src="g_pie_bg_diagramm.png" width="73" height="73" alt="">
                                </div>
                                <div class="content_carous_d2 b-box__carous_traf_text">
                                    Доступно <span class="large_red_Ctxt">15<span>Гб</span></span> на 60 дней
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="bx-controls bx-has-pager bx-has-controls-direction">
                        <div class="bx-pager bx-default-pager">
                            <div class="bx-pager-item">
                                <a href="" data-slide-index="0" class="bx-pager-link active">1</a>
                            </div>
                            <div class="bx-pager-item">
                                <a href="" data-slide-index="1" class="bx-pager-link">2</a>
                            </div>
                        </div>
                        <div class="bx-controls-direction">
                            <a class="bx-prev" href="">Prev</a>
                            <a class="bx-next" href="">Next</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="b-box_short_tab_info">
                <div class="b-box_short_tab_info__row">
                    <div class="b-box_short_tab_info__cell cv_tr">
                        <span class="b-box_short_tab_info__cell_title">Квота трафика</span>

                        <div class="b-box_short_tab_info__cell_content">
                            <span>2 Гб</span>
                            <span>+ ночной безлимит</span>
                        </div>
                    </div>
                    <div class="b-box_short_tab_info__cell zone_h">
                        <span class="b-box_short_tab_info__cell_title">Зона действия</span>

                        <div class="b-box_short_tab_info__cell_content"><span>домашний регион</span></div>
                    </div>
                </div>
                <div class="b-box_short_tab_info__row">
                    <div class="b-box_short_tab_info__cell">
                        <span class="b-box_short_tab_info__cell_title">Интернет-опция</span>

                        <div class="b-box_short_tab_info__cell_content">
                            <a href="#">Турбо-кнопка 2 Гб</a>
                        </div>
                    </div>
                    <div class="b-box_short_tab_info__cell">
                        <span class="b-box_short_tab_info__cell_title">Дата обновления квоты</span>

                        <div class="b-box_short_tab_info__cell_content"><span class="icon_data">&nbsp;</span><span class="icon_data_txt">28.02.2015</span></div>
                    </div>
                </div>
            </div>
            <a href="#" class="b-box-animate_loader_link js_ldwr_init">
                <div class="b-box-animate_loader">
                    <span class="b-box-animate_loader_link_text_title">Один интернет для всех устройств</span>

                    <div class="loader_content_box">
                        <img class="loader_content __tblt" src="w_tablet.png" width="40" height="31" alt="">

                        <div class="loader_content js_ldwr_c revert">
                            <div class="js_ldwr_c__i" style="background-color: rgb(255, 8, 18);"></div>
                            <div class="js_ldwr_c__i" style="background-color: rgb(255, 64, 73);"></div>
                            <div class="js_ldwr_c__i" style="background-color: rgb(255, 138, 144);"></div>
                            <div class="js_ldwr_c__i" style="background-color: rgb(254, 193, 197);"></div>
                            <div class="js_ldwr_c__i" style="background-color: rgb(202, 197, 197);"></div>
                        </div>
                        <img class="loader_content __phone" src="w_phone.png" width="23" height="35" alt="">

                        <div class="loader_content js_ldwr_c line">
                            <div class="js_ldwr_c__i" style="background-color: rgb(202, 197, 197);"></div>
                            <div class="js_ldwr_c__i" style="background-color: rgb(254, 193, 197);"></div>
                            <div class="js_ldwr_c__i" style="background-color: rgb(255, 138, 144);"></div>
                            <div class="js_ldwr_c__i" style="background-color: rgb(255, 64, 73);"></div>
                            <div class="js_ldwr_c__i" style="background-color: rgb(255, 8, 18);"></div>
                        </div>
                        <img class="loader_content __pc" src="w_pc.png" width="61" height="37" alt="">
                    </div>
                    <span class="b-box-animate_loader_link_text">Поделиться мобильным интернетом</span>
                </div>
            </a>


            <div class="b-box-foooter_widget">
                Все о вашем трафике на <a href="">internet.jazz.ru</a>
            </div>
        </div>
    </div>
</body>

</html>